<template>
	<div class="add_image_text">
		<div class="left_image_con">
			<leftImageCon :index="index" />
		</div>
		
		<div class="right_text_con">
			<rightTextCon :index="index" />
		</div>
	</div>
</template>

<script>
	import {
		defineComponent,
		reactive,
		toRefs,
		nextTick,
		watch,
		ref,
		computed,
	} from "vue";
	import store from '@/store';
	import {message} from 'ant-design-vue';
	import {PlusOutlined} from '@ant-design/icons-vue';
	import leftImageCon from './leftImageCon.vue';
	import rightTextCon from './rightTextCon.vue';
	export default defineComponent({
		props: {
			index: {
				type: Number,
				default: 0
			}
		},
		components: {
			PlusOutlined,
			leftImageCon,
			rightTextCon
		},
		setup(props, context){
			const state = reactive({
			})
			
			return{
				...toRefs(state),
			}
		}
	})
</script>

<style lang="less" scoped>
	.add_image_text{
		width: 100%;
		height: 100%;
		display: flex;
		padding: 20px;
		.left_image_con{
			width: 35%;
			height: 100%;
		}
		.right_text_con{
			width: 65%;
			height: 100%;
		}
	}
</style>